<template>
	<view class="u-p-t-20 u-p-b-20 u-border-bottom u-flex u-col-center" @click="goPage">
		<u-image width="200rpx" height="140rpx" :src="item.photo"></u-image>
		<view class="u-flex-1 u-p-l-30 u-flex-col u-row-between" style="height: 140rpx;">
			<view class="u-font-28 u-line-2">
				{{item.title}}
			</view>
			<view class="u-font-22 u-tips-color">
				<u-icon name="clock" color="#909399" size="28"></u-icon>{{item.updateDate}}
			</view>
		</view>
	</view>
	<!-- <view class="box u-flex u-col-top u-row-between" @click="goPage">
		<view class="u-font-34">
			{{item.title}}
		</view>
		<u-image class='image' width="200rpx" height="140rpx" :src="item.photo"></u-image>
	</view> -->
</template>

<script>
	export default {
		name:"w-notice-list",
		props: {
			item: {
				type: Object,
				default: ()=>{
					return {}
				}
			},
		},
		data() {
			return {
				
			};
		},
		methods: {
			goPage(id){
				this.$u.route('/pages/notice/detail/detail', {
					id:this.item.id,
					title:this.item.title
				});
			}
		}
	}
</script>

<style scoped>
.u-font-34{
	font-weight: 600;
}
.box{
	background-color: #FFFFFF;
	border-radius: 8rpx;
	padding: 20rpx;
	margin-bottom: 20rpx;
}
.image{
	flex-shrink: 0;
}
</style>
